const wxml = `
<view class="top">
  <image class="share_bg" src="https://yd.soft.haoyangsoft.com/static/wx/img/poster_bg.png"></image>
  <view class="title"><text class="titletext">—— 集好品 ——</text></view>
  </image>
  <view class="new-price"><text class="newtext">￥12</text></view>
  <view class="old-price"><text class="oldtext">￥19</text></view>
  <view class=line></view>
  <view class="right">
      <image src="https://yd.soft.haoyangsoft.com/uploads/qrcode/user_share_qr_2041.png"
        class="qr_code"></image>
  </view>
</view>
`

const style = {
  top: {
    width: 273,
    height: 481,
    position: 'relative'
  },
  share_bg: {
    position: 'absolute',
    top: 0,
    left: 0,
    width: 273,
    height: 481,
  },
  avatar: {
    position: 'absolute',
    borderRadius: 15,
    top: 13,
    left: 8,
    width: 30,
    height: 30,
  },
  nickname: {
    position: 'absolute',
    top: 23,
    left: 49,
    width: 150,
    height: 14,
    lineHeight: 14,
    fontSize: 14,
    color: '#FFF1D2',
    textAlign: 'left'
  },
  cover: {
    width: 84,
    height: 84,
    position: 'absolute',
    left: 8,
    top: 380,
  },
  name: {
    position: 'absolute',
    width: 90,
    height: 12,
    left: 103,
    top: 384,
    textAlign: 'left',
    color: '#25120C',
    fontSize: 12,
    lineHeight: 12
  },
  text2: {
    position: 'absolute',
    width: 90,
    height: 12,
    left: 103,
    top: 396,
    textAlign: 'left',
    color: '#25120C',
    fontSize: 12,
    lineHeight: 12
  },
  text3: {
    position: 'absolute',
    width: 90,
    height: 12,
    left: 103,
    top: 408,
    textAlign: 'left',
    color: '#25120C',
    fontSize: 12,
    lineHeight: 12
  },
  text4: {
    position: 'absolute',
    width: 90,
    height: 12,
    left: 103,
    top: 420,
    textAlign: 'left',
    color: '#25120C',
    fontSize: 12,
    lineHeight: 12
  },
  text5: {
    position: 'absolute',
    width: 90,
    height: 12,
    left: 103,
    top: 432,
    textAlign: 'left',
    color: '#25120C',
    fontSize: 12,
    lineHeight: 12
  },
  newprice: {
    position: 'absolute',
    left: 101,
    top: 450,
    width: 40,
    height: 12,
    color: '#FF5B02',
    textAlign: 'left',
    fontSize: 12,
    lineHeight: 12
  },
  oldprice: {
    position: 'absolute',
    textAlign: 'left',
    left: 145,
    top: 450,
    width: 45,
    height: 12,
    color: '#8E8E8E',
    fontSize: 12,
    lineHeight: 12,
  },
  line: {
    position: 'absolute',
    left: 147,
    top: 455,
    width: 45,
    height: 1,
    backgroundColor: '#8E8E8E'
  },
  qrcode: {
    position: 'absolute',
    left: 194,
    top: 385,
    width: 71,
    height: 71
  },
  longtap: {
    position: 'absolute',
    left: 194,
    top: 462,
    width: 71,
    height: 71,
    fontSize: 10
  }
}

module.exports = {
  wxml,
  style
}